	<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-loose.dtd">
<html>
<head>
	<meta charset="UTF-8"/>
	<title>拾客——找回曾经的拥有</title>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<meta name="keywords" content="Lost and Found">
	<meta name="description" content="A Lost and Found web application.">
	<link type="text/css" href="css/custom-theme/jquery-ui-1.8.6.custom.css" rel="stylesheet" />	
	<script type="text/javascript" src="js/jquery-1.4.3.min.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.8.6.custom.min.js"></script>
	<script type="text/javascript" src="js/default.js"></script>
	<link href="css/default.css" rel="stylesheet" type="text/css">
	<style>
		.label{width: 75px; padding-right: 5px; text-align: right;}
		.radio{margin-right: 5px;}
		tr{height: 2.5em;}
		#username, #password, #repasswd, #email, #variycode{width: 150px; margin-right: 10px; border: 1px solid #999; border-radius: 5px;}
		#regbtn{width: 75px;}
		#register h3{font-size: 21px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dashed;}
		#register h3 span{font-size: 14px;}
	</style>
	<script type="text/javascript" >
		$(function(){
			//$("#loader").load("login.html");
			Rmail = /^(([a-zA-Z0-9_\-\.]+)@([a-zA-Z0-9_\-\.]+)\.([a-zA-Z]{2,5}){1,25})+([;.](([a-zA-Z0-9_\-\.]+)@([a-zA-Z0-9_\-\.]+)\.([a-zA-Z]{2,5}){1,25})+)*$/i;
			username = /[A-Za-z0-9]+/i
			//var Rusername;
			$("#email").blur(function(){
				$("#msgemail").text((!Rmail.test($(this).val()))?"请输入正确的邮件地址！":"OK");
			});
			$("#password").blur(function(){
				$("#msgpassword").text(($(this).val().length<6)?"密码至少6位":"OK");
				//$("#msgrepasswd").text("请重复以上密码，以避免错误");
			}).change(function(){
				$("#msgrepasswd").text("请重复以上密码，以避免错误");
			});
			$("#repasswd").blur(function(){
				$("#msgrepasswd").text(($(this).val()!=$("#password").val())?"两次输入的密码不一致，请重试":($(this).val().length<6)?"":"OK");
			});
			$("#variycode").blur(function(){
				//
			});
			$("#regbtn").click(function(){
				if(!Rmail.test($("#email").val())){$("#email").focus();return false;}
				if($("#password").val().length<6){$("#password").focus();return false;}
				if($("#repasswd").val()!=$("#password").val()){$("#repasswd").focus();return false;}
				return true;
			});
		});
		function change(){
			var vimg = document.getElementById("variyimg");
			vimg.src = "vcode.php?";
			alert(vimg.src);
		}
</script>
</head>
<body>
	<div id="header"><div class="container">
		<div id="logo"></div>
		<h1>拾客</h1>
		<h2>——找回曾经的拥有！</h2>
		<div id="nav"><ul>
			<li><a href="index.html" title="Found" class="now">首页</a></li></li>
			<li><a href="found.html" title="Found">失物招领</a></li>
			<li><a href="lost.html" title="Lost">寻物启示</a></li>
			<li><a href="article.html" title="Articles">文章中心</a></li>
			<li><a href="about.html" title="About us">关于我们</a></li>
		</ul></div>
		<div id="searchbox"><form><input type="text" id="keywords" name="keywords" value="找东西" />
				<input type="submit" id="searchbtn" value="搜索" /><span class="pipe">|</span><a href="#">高级搜索</a>		
		</form></div>
		<div id="login"><img src="images/usericon.png" alt="成员登陆" id="usericon" />
			<a id="logintxt" href="login.html">登陆</a><span class="pipe">|</span><a href="#">注册</a><span class="pipe">|</span><a href="#">分享</a>
		</div>
	</div></div>
	
	<div id="main"><div class="container">
		<div id="intro" class="content">
		<p class="message">
			<a href="#">一群乐于助人、勤于分享的人！我们拾金不昧，我们富有同情心！</a>
		</p></div>
		<div id="register" class="content">
			<div class="rsd"><form action="#">
			<h3>注册成为拾客<span><span class="pipe">|</span><a href="login.html">已有帐号？登陆...</a></span></h3>
			<table>
				<tbody>
					<tr><td class="label"><label for="email">邮箱</label></td><td><input type="text" name="email" id="email" size="12" /></td>
						<td id="msgemail">使用邮箱作为您的登陆帐号</td></tr>
					<tr><td class="label"><label for="password">密码</label></td><td><input type="password" name="password" id="password" /></td>
						<td id="msgpassword">密码必须由6位以上字符组成，<br/>且区分大小写</td></tr>
					<tr><td class="label"><label for="repasswd">确认密码</label></td><td><input type="password" name="repasswd" id="repasswd" /></td>
						<td id="msgrepasswd">请重复以上密码，以避免错误</td></tr>
					<tr><td class="label"><label for="username">昵称</label></td><td><input type="text" name="username" id="username" size="12" /></td>
						<td id="msgusername">可以使用任意字符</td></tr>
					<tr><td class="label"><label for="sex">性别</label></td><td>
						<label class="radio"><input type="radio" name="sex[]" value="0" checked="checked" />保密</label>
						<label class="radio"><input type="radio" name="sex[]" value="1" />男</label>
						<label class="radio"><input type="radio" name="sex[]" value="2" />女</label>
						</td><td></td></tr>
					<tr><td></td><td><img src="vcode.php" alt="" id="variyimg" ></td><td><a onclick="change();">看不清楚？换一张</a></td></tr>
					<tr><td class="label"><label for="variycode">验证码</label></td><td><input type="text" value="" name="variycode" id="variycode"/></td>
						<td id="msgvariy">请输入上面图片中的字符</td></tr>
					<tr><td></td><td colspan="2"><input type="submit" value="注册" id="regbtn" /></td></tr>
				</tbody>
			</table>
		</form></div></div>
		<div class="clearb"></div>
	</div></div>
	
	<div id="footer"><div class="container">
		<div id="link"><a href="mailto:gmutoo@gmail.com">联系我们</a><span class="pipe">|</span><a href="/wap/">WAP</a></div>
		<div id="copyright">Copyright &copy; 2010. All Rights Reserved.</div>
		<div class="clearb"></div>		
	</div></div>
</body>
</html>
